.content {
  margin: 20px 40px 0 40px;

  // 电台标题
  .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #ce1f08;
    padding: 15px 0;
  }

  // 列表
  .list {
    flex-wrap: wrap;

    .item {
      width: 50%;
      padding: 20px;
      border: 1px solid #f8f8f8;

      .item-left {
        width: 60px;
        height: 60px;
      }

      .item-middle {
        flex: 1;
        margin: 0 10px;

        // 用户名
        .nickname {
          color: #0c73c2;
          cursor: pointer;
          font-weight: bold;
        }

        .nickname:hover {
          cursor: pointer;
          text-decoration-color: #0c73c2;
          text-decoration-line: underline;
          text-decoration-style: solid;
        }

        .flex {
          div {
            margin-right: 10px;

            span:nth-child(2) {
              margin-left: 2px;
              color: #0c73c2;
            }
          }

          div:hover {
            cursor: pointer;
            text-decoration-color: #000;
            text-decoration-line: underline;
            text-decoration-style: solid;
          }
        }
      }

      // 右边关注按钮
      .item-right {
        .follow-button {
          background-image: linear-gradient(#0c73c2, #2092e9);
          color: #fff;
          border-radius: 3px;
          padding: 5px 10px;
          border-bottom: 1px solid #0c73c2;
          box-shadow: 0 1px 2px #2092e9;
          cursor: pointer;
          i {
            margin-right: 10px;
          }
        }

        .follow-button:hover {
          background-image: linear-gradient(#2893e4, #2893e4);
        }
      }
    }
  }
}
